#{extends 'mainTemplate.html' /}
#{set title:'Home' /}



<style>

#mainContent {margin-bottom:5px;background:#9c6;}
#sidebar { float:right; width:318px; }
#content { margin-right:323px !important; margin-right:320px; height:auto !important; height:100px;}/*当content设定高度后，3像素会跑到content外侧，这样，我们用!important修正在ie下向左多浮动2像素，加上3像素的bug正好是5像素，所以在火狐和IE下显示是一样的*/


#sidebar a, #sidebar a:visited {
	color:#019DE6;
	text-decoration:none;
}
#sidebar a:hover {
	color:#383434;
	text-decoration:none;
}
#sidebar .inside {
	background-color:#FFFFFF;
	border:1px solid #E3E3E3;
	overflow:hidden;
	padding:10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
}
#sidebar .inside .ad3 {
	width:300px;
	text-align:center;
	overflow:hidden;
	margin:0px auto 20px auto;
}
#sidebar .inside h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:-1px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#383434;
	text-transform:lowercase;
	font-weight:bold;
}
#sidebar .inside ul {
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
}
#sidebar .inside ul li {
	display:block;
	width:100%;
	padding:8px 0px 9px 0px;
	border-bottom:1px solid #E3E3E3;
	line-height:130%;
}
#sidebar .inside .ad125 {
	font-size:12px;
	list-style:none;
	width:300px;
	margin:0 auto;
	margin-bottom: 20px;
	overflow:hidden;
}
#sidebar .inside .ad125 li {
	float:left;
	background-color:#f8f8f8;
	background-image:none;
	width:130px;
	display:inline;
	margin:5px;
	overflow:hidden;
	padding:4px;
	border:1px solid #EAEAEA;
}

#sidebar .inside ul li:hover {
	background-color:#FCFCFC;
}
#sidebar .inside ul li a, #sidebar .inside ul li a:visited {
	text-decoration:none;
	color:#019DE6;
}
#sidebar .inside ul li a:hover {
	text-decoration:none;
	color:#383434;
}
#sidebar .inside .right {
	float:right;
	padding:0px 0px 0px 10px;
	width:125px;
	margin:0px;
	border-left:1px solid #E3E3E3;
}
#sidebar .inside .right img {
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	border-bottom:1px solid #E3E3E3;
}
#sidebar .inside .left {
	float:left;
	padding:0px;
	width:210px;
	margin:0px 0px 0px 0px;
}
#sidebar .inside .left ul {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
}
#sidebar .inside .left ul li {
	display:block;
	width:186px;
	padding:5px 0px 6px 16px;
	border-bottom:1px solid #E3E3E3;
	background: url(images/liarrowcat.png) no-repeat top left;
	text-transform:capitalize;
}
#sidebar .inside .left ul li:hover {
	background-color:#FCFCFC;
}
#sidebar .inside .left ul li a, #sidebar .inside .left ul li a:visited {
	text-decoration:none;
	color:#019DE6;
}
#sidebar .inside .left ul li a:hover {
	text-decoration:none;
	color:#383434;
}
#sidebar .inside .left ul.roll li {
	background: url(images/liarrowroll.png) no-repeat top left;
}
#sidebar .inside .nofloat {
	float:left;
	clear:both;
}
#sidebar .inside ul.archives li:hover, #sidebar .inside ul.categories li:hover {
	background-color:#fff;
}
#sidebar .inside ul.archives li a, #sidebar .inside ul.archives li a:visited {
	text-decoration:none;
	color:#019DE6;
}
#sidebar .inside ul.archives li a:hover {
	text-decoration:none;
	color:#383434;
}
#sidebar .searchform {
	width:348px;
	clear:both;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#sidebar .searchformtop {
	border:1px solid #e3e3e3;
	background-color:#fafafa;
	padding:4px 6px;
	text-align:right;
	margin:0px 0px 0px 0px;
	float:left;
	width:332px;
	color:#cccccc;
}


/*----------------------------------------------- POSTS -------------------------------------------------*/
#posts {
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
#posts .post {
	padding:10px 15px 18px 15px;
	margin:0px 0px 10px 0px;
	border:1px solid #E1E1E1;
	background-color:#fff;
	color:#383434;
	font-size:14px;
	overflow:hidden;
}
 #posts .post a, #posts .post a:visited { 
 	text-decoration:none; 
 	color:#019DE6; 
 } 
#posts .post a:hover {
 	text-decoration:none;
 	color:#383434; 
 	} 
#posts .post h1.title {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0px 0px 15px 0px;
	font-size:14px;
	letter-spacing:-1px;
	/*font-weight:bold;*/
	word-spacing:3px;
	line-height:120%;
	text-transform:uppercase;
	width:570px;
	overflow:hidden;
	border:none;
	padding:0px;
	color:#333;
}
#posts .post h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:15px 0px 5px 0px;
	font-size:20px;
	padding-bottom:4px;
	border-bottom:1px solid #f4f4f4;
	color:#5F5858;
	width:570px;
	overflow:hidden;
	font-weight:lighter;
}
#posts .post h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:15px 0px 5px 0px;
	font-size:18px;
	padding-bottom:4px;
	border-bottom:1px solid #f4f4f4;
	color:#5F5858;
	width:570px;
	overflow:hidden;
	font-weight:lighter;
}
#posts .post h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:15px 0px 5px 0px;
	font-size:16px;
	padding-bottom:4px;
	border-bottom:1px solid #f4f4f4;
	color:#5F5858;
    width:570px;
	overflow:hidden;
}
#posts .post h1 a, #posts .post h1 a:visited {
	text-decoration:none;
	color:#383434;
}
#posts .post h1 a:hover {
	text-decoration:none;
	color:#019DE6;
}
#posts .post p {
	letter-spacing:0px;
	word-spacing:1px;
	line-height:160%;
	margin:0px 0px 10px 0px
}
#posts .post ul, #posts .post ol {
	list-style:none;
	margin:4px 0px;
}
#posts .post ul li, #posts .post ol li {
	display:block;
	padding:4px 0px 0px 16px;
	margin:3px 0px 0px 0px;
	background: url(images/liarrowpost.png) no-repeat top left;
}
#posts .post strong {
	font-weight:bold;
}
#posts .post em {
	font-style:italic
}
#posts .post blockquote {
	width:95%;
	margin:0 auto;
	font-size:13px;
	color:#6C6464;
	background-color:#F5F5F5;
	padding:5px;
	margin:2px auto 10px auto;
}
#posts .post img {
	border-top:0 solid #E7E7E7;
	border-bottom:0 solid #E7E7E7;
	padding:3px 0px;
	margin:2px 0px;
}
#posts .post img.wp-smiley {
	border:none;
	padding:0px;
	margin:0px;
}
#posts .post .details {
	border-top:1px solid #E3E3E3;
	width:560px;
	overflow:hidden;
	padding:15px 5px 0px 5px;
	margin:15px 0px 0px 0px;
	font-size:12px;
	text-transform:uppercase;
}
#posts .post .details span {
	color:#BBBBBB;
	margin:0px 0px 0px 5px;
}

.reatebtn{
	 display: block; 
	 height: 40px; 
	 width: 145px; 
	 line-height: 2; 
	 text-align: center; 
	 background: url(/public/images/btns/red.png) no-repeat 0px 0px; 
	 background-size:145px 40px;
	 color: #FFFFFF; 
	 font-size: 14px; 
	 font-weight: bold; 
	 text-decoration: none; 
	 padding-top: 3px;
}
.reatebtn span{
	color:#FFF;
}


.reatebtn:hover span{
	color:#000000;
}
.reatebtn:hover {background: url(/public/images/btns/red.png) no-repeat 0px 0px;}

#posts .post .details .hesuan{
	margin: 0px;
	padding: 0px;
}

#posts .post .details .hesuan a{
	 display: block; 
	 height: 35px; 
	 width: 100px; 
	 line-height: 2; 
	 text-align: center; 
	 vertical-align:middle;
	 background: url(/public/images/btns/green1.png) no-repeat 0px 0px; 
	 background-size:100px 35px;
	 color: #FFFFFF; 
	 font-size: 14px; 
	 font-weight: bold; 
	 text-decoration: none; 
	 padding-top: 3px;
}
#posts .post .details .hesuan a:hover {background: url(/public/images/btns/green1.png) no-repeat 0px 0px;}


#posts .post .details .hesuan li{
	margin: 2px;
	padding: 2px;
	text-align: center; 
	vertical-align:middle;
	float:left;
	height: 35px; 
}


/*----------------------------------------------- SIDEBAR -------------------------------------------------*/
/*****************分页*****************/
.pagination {width:600px; margin:30px auto; padding:6px 0px; height:20px;}
.pagination ul li { float:left; border:1px solid #5d9cdf; height:20px; line-height:20px; margin:0px 2px;list-style:none;}
.pagination ul li a{ display:block; padding:0px 6px; background:#e6f2fe;color:#333; text-decoration:none;}
.currentpage { background:#a9d2ff; display:block; padding:0px 6px;; font-weight:bold;}

#alphacloud {
border-bottom:1px solid #CCCCCC;
padding-bottom:10px;
text-align:justify;
width:300px;
}
#alphacloud a.size0 {
color:#AAAAAA;
font-size:110%;
line-height:1.5em;
}
#alphacloud a.common0 {
color:#A4CE5A !important;
}
#alphacloud a.common4 {
color:#5A870C !important;
}
#alphacloud a.size4 {
color:#333333;
font-size:150%;
line-height:1.1em;
}

</style>
<div><p>周排行,周排行,周排行,周排行,周排行,</p></div>
<div id="mainContent">
<div id="content">
<div id="posts">
#{list items:trades, as:'trade' }
	<div class="post" id="post-3494">
	    #{list items:trade.orders, as:'order'}
	    <h1 class="title">${order.title}</h1>
			<img src="${order.picPath}" width="200" height="200" style="float: left;"/>
			<div style="margin-left:210px;padding:20px;">
				<div style="width:150px;margin:auto;">
					<p></p>
					<p>单价:${order.price}</p>
					<p>数量:${order.num}</p>
					<p>实付:${order.payment}</p>
					<p></p>
					<p><a class="reatebtn" id="ratebtn"><span>我要评论</span></a></p>
					<p></p>
				</div>
			</div>
			<div  class="details">
				<p>推荐原因:此商品很牛,无虚推荐理由!
				<p>用户使用详情
			</div>
			<div  class="details">
				<ul class="hesuan">
					<li><a href="#">合算(12)</a></li>
					<li><a href="#">不合算(12)</a></li>
				</ul>
			</div>
		    <div class="details"> 
			    <span style="margin:0px;">发布者:</span>${trade.buyerNick} 
			    <span>商家: </span>${trade.sellerNick}
			    <span>评论: </span>comment
			    <span>发布时间:</span> 
			    #{if trade.endTime}
			    	${trade.endTime.format('yyyy-MM-dd HH:mm:ss')}     
			    #{/if}
			    #{else}
			    	    
			    #{/else}
			    
		    </div>
	    #{/list}
  	</div>
#{/list}  	
<div class="pagination">
   <ul>
      <li class="disablepage"><a href="@{Application.index(page.prePageNo)}">上一页</a></li>
      #{list items:page.array, as:'pageNo' }
      	#{if page.currentPageNo+'' == pageNo+''}
      		<li class="currentpage">${pageNo}</li>
      	#{/if}
      	#{else}
      		<li><a href="@{Application.index(pageNo)}">${pageNo}</a></li>
      	#{/else}
      
      #{/list}
      <li class="nextpage"><a href="@{Application.index(page.nextPageNo)}">下一页</a></li>
   </ul>
</div>
</div>
</div>
<div id="sidebar">
  <div class="inside">

  <h1>标签云</h1>
  <div id="alphacloud">
	<a class="size0" href="/tag/.net">.net</a>
	<a class="size0" href="/tag/2008">2008</a>
	<a class="common0 size0" href="/tag/3d">3d</a>
	<a class="common0 size0" href="/tag/advertising">advertising</a>
	<a class="common0 size0" href="/tag/ajax">ajax</a>
	<a class="size0" href="/tag/and">and</a>
	<a class="common0 size0" href="/tag/animation">animation</a>
	<a class="common4 size4" href="/tag/api">api</a>
	<a class="common0 size0" href="/tag/apple">apple</a>
	<a class="size0" href="/tag/architecture">architecture</a>
	<a class="common2 size2" href="/tag/art">art</a>
	<a class="size0" href="/tag/community">community</a>
	<a class="common4 size4" href="/tag/computer">computer</a>
	<a class="size0" href="/tag/converter">converter</a>
	<a class="size0" href="/tag/cooking">cooking</a>
	<a class="size0" href="/tag/cool">cool</a>
	<a class="size0" href="/tag/hosting">hosting</a>
	<a class="size0" href="/tag/reviews">reviews</a>
	<a class="size0" href="/tag/rss">rss</a>
	<a class="size0" href="/tag/ruby">ruby</a>
	<a class="size0" href="/tag/rubyonrails">rubyonrails</a>
	<a class="size0" href="/tag/school">school</a>
</div>
 <iframe name="alimamaifrm" frameborder="0" marginheight="0" marginwidth="0" border="0" scrolling="no" width="300" height="170" src="http://www.taobao.com/go/app/tbk_app/chongzhi_300_170.php?pid=mm_26390051_2801257_9838749&page=chongzhi_300_170.php&size_w=300&size_h=170&stru_phone=1&stru_game=1&stru_travel=1" ></iframe>
 <h1>店铺推荐</h1>
 <ul class="ad125">
  #{list items:taobaokeShops, as:'taobaokeShop' }
  	<li style="width: 280px;">
  		<img alt="" src="http://pics.taobaocdn.com/newrank/s_cap_3.gif">
  		<a target="_blank" href="${taobaokeShop.clickUrl}">${taobaokeShop.shopTitle}</a>
  	</li>
  #{/list}
  </ul>
  <!-- 125PX ADS -->
  <h1>站长推荐</h1>
  <ul class="ad125">
  #{list items:recommendItems, as:'recommendItem' }
  	#{if recommendItem_index == 5}
  		 
  		%{break}%
  	
  		
  	#{/if}
  	#{else}
  		<li>
    		<div>
	    		<a target="_blank" href="${recommendItem.clickUrl}"><img src="${recommendItem.picUrl}" alt="广告位招租" border="0" width="150" height="150" style="vertical-align:middle;"/></a>
	    		</a>
    		</div>
    		<div>
	    		<a target="_blank" href="${recommendItem.clickUrl}">${recommendItem.title}</a>
	    	</div>
	    	<div><font color="red"><big><b>￥${recommendItem.price}</b></big></font></div>  
    	</li>
  	#{/else}
  #{/list}	
  </ul>
  <h1>最新分享商品</h1>
  <ul>
  </ul>
  <!-- 125PX ADS END -->
  
  <h1>最新文章</h1>
  <ul>
  <li>
  <a href="http://www.showeb20.com/?p=3494" rel="bookmark" title="Permanent Link: 露意: 基于LBS的生活消费服务">露意: 基于LBS的生活消费服务</a>
  </li>
  </ul>
 
  <h1>最新评论</h1>
  <ul>
	<li>评论  </li>
  </ul>
  </div>
</div>
</div>
